<html>

<head>
	<link href="css/css.css" rel="stylesheet" />
</head>

<body>
	<div>
		<div style="vertical-align= 50%; height: 200px; width: 250px;"> vertical alignment 
		<div class="repeating"> &#160; </div>
		</div>
	</div>

	<div class="wrapper">
		<div class="repeating_100x25-X">100x25-X</div>
	</div>

	<div class="wrapper">
		<div class="repeating_100x25-Y">100x25-Y</div>
	</div>

	<div class="wrapper">
		<div class="repeating_25x100-X">25x100-X</div>
	</div>

	<div class="wrapper">
		<div class="repeating_25x100-Y">25x100-Y</div>
	</div>

	<div class="wrapper">
		<div class="repeating_200x150-X">200x150-X</div>
	</div>

    <div class="wrapper">
		<div class="red">red</div>
	</div>
	<br />
    <div class="wrapper">
		<div class="purple">purple</div>
	</div>
	<br />
    <div class="wrapper">
		<div class="blue">blue</div>
	</div>
	<br />
    <div class="wrapper">
		<div class="yellow">yalla</div>
	</div>
	<br />
    <div class="wrapper">
		<div class="pink">pink</div>
	</div>
	<br />
    <div class="wrapper">
		<div class="lilac">lilac</div>
	</div>
	<br />
    <div class="wrapper">
		<div class="green">green</div>
	</div>
</body>

</html>